<template>
    <div class="calendar">
        <div>
            <h1>vue-calendar日历页面</h1>
        </div>
        <hr>
        <div class="calendar-wrap">
            <vue-calendar :value.sync="now" :businessList="businessList"></vue-calendar>
        </div>
    </div>
</template>

<script>
    import VueCalendar from '../../components/VueCalendar/VueCalendar'
    export default {
        name: "calendar",
        components: {VueCalendar},
        data () {
            return {
                now: new Date(),
                businessList: [
                    {"date": '2020-8-30', status: 1},
                    {"date": '2020-8-31', status: 0},
                    {"date": '2020-9-1', status: 0},
                    {"date": '2020-9-2', status: 1}
                ]
            }
        }
    }
</script>

<style scoped>
    table,td,tr{
        padding: 0;
    }
</style>
